<template>
  <div>
    <el-drawer :visible="drawerEditBoolen"
               size="70%"
               :before-close="handleClose"
               ref="drawer"
               :with-header="false">

      <!-- 主体信息 -->
      <el-row :gutter="10"
              :class="[currentStepIndex == 3 ? 'el-row-active' : 'el-row']">
        <el-col v-bind="styleResponsive ? { lg: 24, md: 12 } : { span: 24 }">

          <!-- 微信为1 -->
          <div class="wx-purple">
            <h6 class="wxHLabel">微信个体工商进件</h6>

            <Steps :currentStep="currentStepIndex"
                   :totalSteps="3"
                   :stepsLabel="stepsLabel"
                   :stepsDesc="stepsDesc"
                   :totalWidth="1280"
                   :themeColor="'#28C445'"
                   :descMaxWidth="160" />

          </div>
          <!-- 审核失败的 -->

        </el-col>

      </el-row>
    </el-drawer>
  </div>
</template>
<script>
import Steps from '@/components/Steps/Steps.vue';
export default {

  name: 'omeIncomingParts',
  components: {
    Steps
  },
  props: {
    drawerEditBoolen: {
      type: Boolean,
      default: false
    },
  },
  data () {


    return {
      currentStepIndex: 1,
      //步骤标题
      stepsLabel: ['主体信息', '辅助类信息', '提交完成'],
      //   步骤描述
      stepsDesc: ['准备营业执照', '发布配置', '选择素材'],

    }

  },
  // 路由刷新
  activated () {

  },
  created () {

  },
  computed: {

  },

};
</script>
<style lang="less" scoped>
.el-row {
  padding: 30px;
  min-width: 500px;
}
.el-row-active {
  padding: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>

